
var cid,menuName;
var table = layui.table;

var functionList;
$(document).ready(function () {
    menuName = $.trim($(".page-tabs-content",window.parent.document).children(".active").text());
    cid = $(".page-tabs-content",window.parent.document).children(".active").data("cid");
    if(cid!="11"){
        $("#indexPicContainer").css("display","none");
    }
    $("#ibox-title").text(menuName+'管理');
    $("input[name='menuId']").val(cid);
    renderTable();
});
function renderTable(){
    //执行渲染
    table.render({
        even:true//隔行背景
        ,elem: '#friendlink-list' //指定原始表格元素选择器（推荐id选择器）
        ,height: 'full-220' //容器高度
        ,cols: [[{checkbox: true}
            ,{field: 'friendlinkId', title: 'ID',sort:false,width:50}
            ,{field: 'friendlinkName', title: '标题',sort:true,width:400}
            ,{field: 'friendlinkAddress', title: '链接地址',sort:true,width:200}
            ,{field: 'friendlinkUpdatetime', title: '更新时间',sort:true,width:100,templet:'<div>{{(new Date(d.friendlinkUpdatetime)).toLocaleDateString()}}</div>'}
            ,{field: 'friendlinkOrder', title: '排序',sort:true,width:100}
            ,{field: 'friendlinkPicture', title: '链接图片',sort:true,width:140}
            ,{fixed: 'right', width:200, align:'center', toolbar: '#toolBar',title:'操作'} //这里的toolbar值是模板元素的选择器

        ]] //设置表头
        ,url: '/manage/friendlink/getFriendlinks/'+cid
        ,where: {
            keywords:$("#keyword").val(),
            field:'friendlinkOrder',
            order:'DESC'
        }
        ,method: 'post' //如果无需自定义HTTP类型，可不加该参数
        //request: {} //如果无需自定义请求参数，可不加该参数
        ,response: {
            statusName: 'status' //数据状态的字段名称，默认：code
            ,statusCode: 1 //成功的状态码，默认：0
            ,dataName: 'result' //数据列表的字段名称，默认：data
        } //如果无需自定义数据响应名称，可不加该参数
        ,page:true
        ,limits:[10,20,30,40,50,60,70,80,90,100]
        ,limit:10
        ,loading:true
        ,id:'id'
        //,…… //更多参数参考右侧目录：基本参数选项
    });
    //监听工具条
    table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值
        var tr = obj.tr; //获得当前行 tr 的DOM对象

        if(layEvent === 'del'){ //删除
            deleteFriendlinks(obj);
        } else if(layEvent === 'edit'){ //编辑
            openEditFriendlink(obj);
        }
    });
    table.on('sort(test)', function(obj){ //注：sort是排序事件名，test是table原始容器的属性 lay-filter="对应的值"
        console.log(obj.field); //当前排序的字段名
        console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
        console.log(this); //当前排序的 th 对象

        //尽管我们的 table 自带排序功能，但并没有请求服务端。
        //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，如：
        table.reload('id', {
            initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
            ,where: { //请求参数
                field: obj.field //排序字段
                ,order: obj.type //排序方式
            }
        });
    });
}
//重新加载数据
function reloadTableData(){
    table.reload('id',{
        method:'post'
        ,url: '/manage/friendlink/getFriendlinks/'+cid
        ,where: {
            keywords:$("#keyword").val(),
            field:'friendlinkOrder',
            order:'DESC'
        }
    });
}
var form;
layui.use(['form'], function(){
    form = layui.form;
    //自定义验证规则
    form.verify({
        title: function(value){
            if(value.length < 2){
                return '标题至少得2个字符啊';
            }
        }
    });

    //监听提交
    form.on('submit(demo1)', function(data){
        var url = "/manage/friendlink/updateFriendlink";
        displayLoading(true);
        $.post(url,data.field,
            function(data){
                if(data.status==1){
                    layer.msg('保存成功', {icon: 6});
                    $("#friendlink-model").modal('hide');
                    reloadTableData();
                }
                else if(data.status==4){
                    window.location.href="/manage/nopermission.html";
                }
                else if(data.status==5){
                    layer.confirm(data.msg, {icon: 3, title:'提示'}, function(index){
                        window.location.href="/manage/login.html";
                        layer.close(index);
                    });
                }
                else{
                    layer.msg(data.msg, {icon: 6});
                }
                hiddenLoading(true);
            });
        return false;
    });
});
function openAddFriendlink(){
    $("#edit-title").text('新增'+menuName);
    $(":reset").click();//重置所有表单元素
    $("input[name='friendlinkId']").val(0);
    $('#friendlinkOrder').val(9999);//默认排后面
    $("#friendlink-model").modal({
        keyboard: true
    });
}
function openEditFriendlink(obj){
    $("#edit-title").text('编辑'+menuName);
    $(":reset").click();//重置所有表单元素
    $("input[name='friendlinkId']").val(obj.data.friendlinkId);
    $('#friendlinkName').val(obj.data.friendlinkName);
    $('#friendlinkAddress').val(obj.data.friendlinkAddress);
    $('#friendlinkOrder').val(obj.data.friendlinkOrder);
    $('#friendlinkPicture').val(obj.data.friendlinkPicture);
    $('#friendlinkPicture2').val(obj.data.friendlinkPicture2);
    $("#friendlink-model").modal({
        keyboard: true
    });
}
function deleteFriendlinks(obj){
    layer.confirm('确认要删除此数据吗？', function(index){
        layer.close(index);
        var friendlinkIdList = new Array();
        if(obj){//删除单行
            friendlinkIdList.push(obj.data.friendlinkId);
        }
        else{//删除选中行
            var checkStatus = table.checkStatus('id');
            if(checkStatus.data.length==0){
                layer.msg('请先选择要删除的行',{icon:5});
                return;
            }
            else{
                checkStatus.data.forEach(function(item,index,dataList){
                    friendlinkIdList.push(item.friendlinkId);
                });
            }
        }
        displayLoading(true);
        $.post("/manage/friendlink/deleteFriendlinks",{friendlinkIdList:friendlinkIdList},
            function(data){
                if(data.status==1){
                    //先更新本地数据
                    layer.msg('删除成功', {icon: 6});
                }
                else if(data.status==4){
                    window.location.href="/manage/nopermission.html";
                }
                else if(data.status==5){
                    layer.confirm(data.msg, {icon: 3, title:'提示'}, function(index){
                        window.location.href="/manage/login.html";
                        layer.close(index);
                    });
                }
                else{
                    layer.msg(data.msg, {icon: 6});
                }
                hiddenLoading(true);
                $("#friendlink-model").modal('hide');
                reloadTableData();
            });
    });
}
layui.use('upload', function(){
    var upload = layui.upload;

    //上传图片
    var uploadPictrue = upload.render({
        accept:'images'
        ,size:1024
        ,exts:'jpg|jpeg|png|gif|bmp'
        ,elem: '#uploadPictrue' //绑定元素
        ,url: '/manage/uploadPicture' //上传接
        ,before: function(obj){
            layer.load(); //上传loading
        }
        ,done: function(res){
            layer.closeAll('loading');
            if(res.status==1){
                $("#friendlinkPicture").val(res.result);
                layer.msg('上传成功', {icon: 6});
            }
            else if(res.status==4){
                window.location.href="/manage/nopermission.html";
            }
            else if(res.status==5){
                layer.confirm(res.msg, {icon: 3, title:'提示'}, function(index){
                    window.location.href="/manage/login.html";
                    layer.close(index);
                });
            }
            else{
                layer.msg(res.msg, {shift: 6});
            }
        }
        ,error: function(){
            //请求异常回调
            layer.msg('接口异常', {shift: 6});
            layer.closeAll('loading');
        }
    });

    //上传图片
    var uploadPictrue2 = upload.render({
        accept:'images'
        ,size:1024
        ,exts:'jpg|jpeg|png|gif|bmp'
        ,elem: '#uploadPictrue2' //绑定元素
        ,url: '/manage/uploadPicture' //上传接
        ,before: function(obj){
            layer.load(); //上传loading
        }
        ,done: function(res){
            layer.closeAll('loading');
            if(res.status==1){
                $("#friendlinkPicture2").val(res.result);
                layer.msg('上传成功', {icon: 6});
            }
            else if(res.status==4){
                window.location.href="/manage/nopermission.html";
            }
            else if(res.status==5){
                layer.confirm(res.msg, {icon: 3, title:'提示'}, function(index){
                    window.location.href="/manage/login.html";
                    layer.close(index);
                });
            }
            else{
                layer.msg(res.msg, {shift: 6});
            }
        }
        ,error: function(){
            //请求异常回调
            layer.msg('接口异常', {shift: 6});
            layer.closeAll('loading');
        }
    });
});
$("#addFriendlink").on('click',openAddFriendlink);
$("#refresh,#search").on("click",reloadTableData);
$("#delAll").on('click',function(){deleteFriendlinks()});
$("#friendlinkPicture,#friendlinkPicture2").on("dblclick",function(){
    layer.open({
        title:'图片预览',
        type: 1,
        content: '<img src="'+$(this).val()+'" width="300" />' //这里content是一个普通的String
    });
});